﻿<!DOCTYPE html>
<html id="html">
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" /> 
<!--描述和关键词-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<!--width  ----  viewport的宽度（width=device-width意思是：宽度等于设备宽度）
initial-scale ----- 初始的缩放比例
minimum-scale ----- 允许用户缩放到的最小比例
maximum-scale ----- 允许用户缩放到的最大比例
user-scalable ----- 用户是否可以手动缩放-->
<meta name="format-detection" content="telephone=no" />
<!--一般情况下，IOS和Android系统都会默认某长度内的数字为电话号码，即使不加也是会默认显示为电话的，因此，取消这个很有必要！-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--它表示：允许全屏模式浏览，隐藏浏览器导航栏-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!--它指定的iphone中safari顶端的状态条的样式
默认值为default（白色），可以定为black（黑色）和black-translucent（
灰色半透明）-->
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/task-management.css" />
<link type="text/css" href="css/bootstrap.min.css" rel="stylesheet" />
</head>
<body>
 		<nav>
			<ul class="clearfix">
				<li>任务管理</li>
				<li>巡查管理</li>
				<li>报警管理</li>
			</ul>
			<div class="glide"></div>
		</nav>
		<ul class="content">
			<li class="clearfix">
				<img src='img/A.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="receive" id="1">接受任务</button>
			</li>
			<li class="clearfix">
				<img src='img/B.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="accepted">已接受</button>
			</li>
			<li class="clearfix">
				<img src='img/C.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="done">已完成</button>
			</li>
			<li class="clearfix">
				<img src='img/B.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="accepted">已接受</button>
			</li>
			<li class="clearfix">
				<img src='img/C.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="done">已完成</button>
			</li>
			<li class="clearfix">
				<img src='img/C.jpg'>
				<div class="introduce">
					<p class="name">任务名称:<span><a href="#">B号楼查询工作</a></span></p>
					<p class="time">时间: <span>2016-10-10</span></p>
				</div>
				<button class="done">已完成</button>
			</li>
		</ul>
		<footer class="clearfix">
			<div class="task">
				<a href="#"><img src='img/center.png'></a>
				<p>任务中心</p>
			</div>
			<div class="personal">
				<a href="#"><img src="img/personal.png"></a>
				<p>个人中心</p>
			</div>
			<div class="warn">
				<a href="#"><img src='img/warn.png'></a>
				<p>报警</p>
			</div>
		</footer>
<script type="text/javascript" src="js/jquery-1.10.1.min.js" ></script>
<!--<script type="text/javascript" src="js/task-management.js" ></script>-->
</body>
</html>
